<!DOCTYPE html>
<!-- 新闻详情 -->
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新闻中心</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/Brand introduction.css">
    <link rel="stylesheet" href="css/news.detalis.css">
    <link rel="stylesheet" href="css/pro detalis.css">
</head>

<body>
    <div class="continer">
        <!-- 头部statrt -->
        <div class=" header w">
            <!-- logo部分start -->
            <div class="logo">
                <img src="upload/03.1001(1).png" alt="">
            </div>
            <!-- logo部分end -->
            <!-- nav部分start -->
            <div class="nav">
                <ul>
                    <li><a href="index.html">公司首页</a></li>
                    <li><a href="Brand introduction.html">品牌介绍</a></li>
                    <li><a href="news.html">新闻中心</a></li>
                    <li><a href="product.html">产品中心</a></li>
                    <li><a href="contactus.html">联系我们</a></li>
                    <li><a href="user.html">会员中心</a></li>
                </ul>
                <div class="Sign">
                    <ul>
                        <li><a href="login.html">登录</a></li>
                        <li><a href="rigister.html">注册</a></li>
                    </ul>
                </div>
                <div class="shopp">
                    <a href="shop cart.html">
                        <img src="upload/满购物车.png" alt="">
                        <span>0</span>
                    </a>
                </div>

                <div class="Sosu">
                    <input type="text" class="Search">
                    <a href="#">
                        <img src="upload/放大镜(1).png" alt="">
                    </a>
                </div>
            </div>
            <!-- nav部分end -->
        </div>

        <!-- 头部end -->
        <!-- 右边部分start -->
        <aside class="news-box-r">
            <!-- 右边头部盒子start -->
            <div class="hea-one">
                <div class="box-left">
                    <hr>
                    <span class="span-one"></span>
                    <span class="span-two"></span>
                    <span class="span-three"></span>
                </div>
                <h3>产品中心</h3>
                <div class="box-right">
                    <span class="span-one"></span>
                    <span class="span-two"></span>
                    <span class="span-three"></span>
                    <hr>
                </div>
            </div>
            <!-- 右边头部盒子end -->
            <!-- 右边具体内容start -->
            <div class="proDetalis-box">
                <ul>
                    <li><a href="#">北欧木艺</a></li>
                    <li><a href="#">原创木艺</a></li>
                    <li><a href="#">奇思妙想</a></li>
                    <li><a href="#">复古餐桌</a></li>
                </ul>
                <!-- 导航结束 -->
                <div class="proDetalis-box-one">
                    <a href="#">
                        <img src="imges/图层01.png" alt="">
                    </a>
                    <h3>松木书柜子 简易书柜书橱</h3>
                    <h4>￥269</h4>
                    <p>产品参数：</p>
                    <p>品牌: 挪亚家</p>
                    <p>安装说明详情: 提供安装说明书</p>
                    <p>是否组装: 组装款式 <span style="margin-left: 100px;"> 设计元素: 原木</span> </p>
                    <p>风格: 北欧 <span style="margin-left: 162px;">产地: 上海</span></p>
                    <p>木质材质: 橡木 <span style="margin-left: 133px;">可送货/安装: 上海 其他</span></p>
                    <p>北京 南京</p>
                    <div class="num-box">
                        <span style="color: #4a4443; font-size: 18px;"> 数量</span>
                        <div class="proDetalis-box-one-num">
                            <span class="proDetalis-num-d-box">1</span>
                            <span class="proDetalis-num-x-box" style="right: 0; top: 0;">
                                <a href="#">
                                    <img src="imges/箭头拷贝.png" alt="">
                                </a>

                            </span>
                            <span class="proDetalis-num-x-box" style="right:0;bottom: 0;">
                                <a href="#">
                                    <img src="imges/箭头.png" alt="">
                                </a>
                            </span>
                        </div>
                        <span style="margin-left: 100px;">件 &nbsp;&nbsp;
                            库存10000件</span>
                    </div>
                    <!-- 数字统计结束 -->
                </div>
                <!-- 文字 -->
                <div class="pro-img-xbox">
                    <ul>
                        <li>
                            <span href="#" class="left-j">
                                &lt;
                            </span>
                        </li>
                        <li><a href="#">
                                <img src="imges/图层6.png" alt="">
                            </a></li>
                        <li><a href="#">
                                <img src="imges/图层7.png" alt="">
                            </a></li>
                        <li><a href="#">
                                <img src="imges/图层8.png" alt="">
                            </a></li>
                        <li>
                            <span href="#" class="right-j">
                                >
                            </span>
                        </li>
                    </ul>
                    <div class="ProBtn-box">
                        <button class="ProShopp">立即购买</button>
                        <button class="ProShopp">加入购物车</button>
                    </div>
                </div>


            </div>
            <!-- 图片文字盒子结束 -->
    </div>
    <!-- 右边具体内容end -->
    </aside>
    <!-- 右边部分end -->
    </div>

    <!-- footer部分statr -->
    <footer class="footer">
        copyright 2002-2012 深圳市挪亚家有限公司版权所有 深ICP备12004685号
    </footer>
    <!-- footer部分end -->
</body>

</html>